<x-row>
  <x-col>
    <x-select [data]="data1" [(ngModel)]="model1" [nodeTpl]="nodeTpl"></x-select>
  </x-col>
</x-row>
<x-row>
  <x-col>
    <x-select [data]="data2" [(ngModel)]="model2" [nodeTpl]="multipleNodeTpl" multiple></x-select>
  </x-col>
</x-row>

<ng-template #nodeTpl let-node="$node">
  <span *ngIf="node" class="select-item"> {{ node?.label }}<sup>2</sup> </span>
</ng-template>

<ng-template #multipleNodeTpl let-node="$node" let-isValue="$isValue">
  <span *ngIf="node && !isValue" class="select-item"> {{ node?.label }} <sup>2</sup> </span>
  <span *ngIf="node && isValue">
    <span class="select-item" *ngFor="let item of node"> {{ item.label }} <sup>2</sup> </span>
  </span>
</ng-template>
